<!-- @format -->

<template>
  <div class="empty-container" :class="{ fullHeight: fullHeight }">
    <img src="@/assets/img/empty.png" alt="" class="empty-img" />
    <div class="empty-text">{{ msg }}</div>
  </div>
</template>
<script lang="ts" setup>
  defineProps({
    msg: {
      type: String,
      default: '暂无数据',
    },
    fullHeight: {
      type: Boolean,
      default: false,
    },
  });
</script>

<style lang="scss">
  .empty-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    height: 300px;
    img {
      width: 47px;
      height: 51px;
    }
  }

  .empty-text {
    margin-top: 17px;
    font-size: 16px;
    color: #000000;
  }
  .fullHeight {
    height: 100%;
  }
</style>
